<div style="height: 100%;background: white;padding: 8px">
  <div class="row">
    <span class="label"><span>*</span>文章标题</span>
    <input nz-input placeholder="请输入标题" [(ngModel)]="formData.title"/>
  </div>
  <div class="row">
    <span class="label"><span>*</span>副标题</span>
    <input nz-input placeholder="请输入副标题" [(ngModel)]="formData.subTitle"/>
  </div>
  <div class="row">
    <span class="label"><span>*</span>文章分类</span>
    <nz-select [(ngModel)]="formData.category" nzAllowClear nzPlaceHolder="请选择" [nzBackdrop]="true">
      <nz-option [nzValue]="c['id']" [nzLabel]="c['classifyName']" *ngFor="let c of categoryOptions"></nz-option>
    </nz-select>
  </div>
  <div class="row">
    <span class="label"><span>*</span>主图</span>
    <app-image-upload style="width: 250px;display: inline-block"
                      [maxImgLength]="1"
                      [imageUrl]="formData.image"
                      (deleteImg)="formData.image=''"
                      (urlChange)="formData.image=$event"></app-image-upload>
  </div>
  <div class="row">
    <span class="label"></span>
    <div class="rich-text-wrap">
      <editor id=editorID [init]="editorConfig" [(ngModel)]="formData.content"></editor>
    </div>
  </div>

  <div class="row" style="margin-top: 48px">
    <button style="margin-left: 148px" routerLink="/customer/articleManage" nzType="default" nz-button>返回</button>
    <button style="margin-left: 8px" nzType="primary" (click)="save()" nz-button>保存</button>
    <button style="margin-left: 8px" nzType="primary" (click)="preview()" nz-button>预览</button>
  </div>

</div>
